<div class="breadcrumbwidget">
	<ul class="skins">
        <li><a href="default" class="skin-color default"></a></li>
        <li><a href="orange" class="skin-color orange"></a></li>
        <li>&nbsp;</li>
        <li class="fixed"><a href="" class="skin-layout fixed"></a></li>
        <li class="wide"><a href="" class="skin-layout wide"></a></li>
    </ul><!--skins-->
	<ul class="breadcrumb">
        <li><a href="<?php echo $baseurl?>">Trang chủ</a> <span class="divider">/</span></li>
        <li class="active">Quản lý hoạt động Gameshow</li>
    </ul>
</div><!--breadcrumbwidget-->
<div class="pagetitle">
	<h1>Quản lý hoạt động Gameshow</h1> <span></span>
</div>
<div class="maincontent">
    <div class="contentinner content-dashboard">
        <input type="hidden" id="campaign" value="<?php echo $id?>"/>
        <button class="btn" id="renew">Tạo mới bảng kết quả</button>
        <button class="btn" id="start">Start</button>
        <button class="btn" id="next" style="display: none;">Next</button>
        <button class="btn" id="stop">Kết thúc Game show</button>
        <p>
            <hr />
            <label style="font-size: 20px;">Câu hỏi hiện tại: <abbr id="qas" style="color: #E70F31;">00</abbr></label>
        </p>
        <p>
           <hr />
           <label style="font-size: 20px;">Số người tham gia: <abbr id="people" style="color: #E70F31;">00</abbr></label>
           
        </p>
        <p>
            <hr />
            <label style="font-size: 20px;">Người thắng cuộc</label>
            <span id="thang">
                Đang chờ ...
            </span>
        </p>
    </div>
</div>

<script src="http://node.babybean.vn:8000/socket.io/socket.io.js"></script>

<script>

function disableF5(e) { if ((e.which || e.keyCode) == 116) e.preventDefault(); };
$(document).on("keydown", disableF5);

function closeEditorWarning(){
    return 'Are you sure?'
}
window.onbeforeunload = closeEditorWarning;
// function keydown(evt)

function ConfirmClose()
{
  if (event.clientY < 0)
  {
    event.returnValue = 'Any message you want';
    setTimeout('myclose=false',100);
    myclose=true;
  }
}
 
function HandleOnClose()
{
  if (myclose==true) alert("Window is closed");
}

var socket = io.connect('http://node.babybean.vn:8000');

$('#renew').click(function(){
    i = 0;
    $("#qas").html('Đang chờ');
    $("#start").show();
    $("#people").html('00');
    $("#thang").html('Đang chờ');
    $.ajax({
        type: "GET",
        url: '<?php echo $baseurl?>manage/renew',
        success: function(data)
        {
            socket.emit('clearVariable', 'clear');
            alert("Làm mới bảng lưu kết quả");   
        }
    });
});

$('#start').click(function(){
	
    var conf = confirm("Bắt đầu chương trình?");
	if(conf == true)
	{
        $("#start").hide();
        $("#next").show();
        $("#qas").html('1');
        console.log('xoá bảng xếp hạng nếu có, tạo bảng xếp hạng mới để user trả lời sẽ insert câu trả lời/ điểm vào');
        var campaign = $('#campaign').val();
        $.ajax({
            type: "GET",
            url: '<?php echo $baseurl?>manage/update-status',
            data: ({delay : 3, campaign : campaign, question : 1}),
            success: function(data)
            {
                socket.emit('admin_start_question', '<?php echo $data?>', <?php echo $id?>, 1, data);
            }
        });
	}
});
var i = 0;

$('#next').click(function(){
    var conf = confirm("Chuyển câu hỏi tiếp theo?");
	if(conf == true)
	{
	   if (i < <?php print_r($count) ?>-1){
            i = parseInt(i) + 1;
        }
       $("#qas").html(parseInt(i)+1);
	   $.ajax({
            type: "GET",
            url: '<?php echo $baseurl?>manage/check-answer',
            data: ({question : i}),
        });
        
        var campaign = $('#campaign').val();
        $.ajax({
            type: "GET",
            url: '<?php echo $baseurl?>manage/update-status',
            data: ({delay : 0, campaign : campaign, question : (parseInt(i)+1)}),
            success: function(data)
            {
                socket.emit('admin_next_question', 'next', data);
            }
        });
    }
});



$('#stop').click(function()
{
        $("#qas").html('Đang kết thúc Gameshow, vui lòng chờ ...'); 
        var campaign = $('#campaign').val();
    	$.ajax({
            type: "GET",
            url: '<?php echo $baseurl?>manage/stop-game',
            data: ({campaign : campaign}),
            success: function(data)
            {
                var json = JSON.parse(data);
                socket.emit('clearVariable', 'clear');
                if(json.stt == 200)
                {
                    $("#thang").html(json.data);
                    socket.emit('stopGame', 'stop');
                    $("#qas").html('Kết thúc GameShow');    
                }
                
            },
            error: function(data)
            {
                $("#qas").html('Vui lòng bấm lại nút kết thúc GameShow thêm lần nữa');  
            }
        });
});
socket.on('sendTpeople', function(d)
{
    $("#people").html(d);
});

socket.emit('getPeople','');

$('#top').click(function(){
	socket.emit('show_ket_qua', 'next');
});

</script>

